<template>
  <div class="q-pa-md"  style="max-width: 500px;gap: 8px;display: flex;flex-direction: column;">
    <t-textarea
      v-model="text"
      :borderless="true"
      labelPosition="left"
      label="多行文本"
    />
    <t-textarea
      v-model="text"
      :borderless="true"
      label="无边框"
       labelPosition="left"
      class="tr-textarea-noborder"
    />
  </div>
</template>

<script>
  import { ref } from 'vue';
  export default {
    setup() {
      return {
        text: ref('')
      };
    },
  };
</script>
